@import "../variables.css";

.repeatableField {
  padding: 0;
}

.hasMargin {
  margin: var(--gutter) 0;
}

.repeatableFieldList {
  list-style-type: none;
  padding: 0;
}

.repeatableFieldItem,
.repeatableFieldItemLabels {
  display: flex;
  align-items: flex-start;
}

.repeatableFieldItemLabelsContent {
  flex-basis: calc(100% - 3em);
}

.repeatableFieldItemContent {
  flex: 1;
}

.repeatableFieldRemoveItem {
  flex: 0 0 3em;
  margin-top: 1.75em;
  text-align: center;
}

.repeatableFieldRemoveUnlabeledItem {
  margin-top: 0;
}

.emptyMessage {
  margin-bottom: var(--gutter-static);
}
